<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
  <link rel="stylesheet" href="css/layui.css" >
  <script src="layui.js" type="text/javascript"></script>
    <title>Title</title>
</head>
<body>
<div>
  这是一个区域!wiwhdeidheidheidheidheidhiehded
</div>
<br>
<div class="layui-inline">
  <ul class="layui-nav layui-nav-tree" lay-filter="test" style="height: 300px">
    <!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->
    <li class="layui-nav-item layui-nav-itemed">
      <a href="javascript:;">默认展开</a>
      <dl class="layui-nav-child">
        <dd><a href="javascript:;">选项1</a></dd>
        <dd><a href="javascript:;">选项2</a></dd>
        <dd><a href="">跳转</a></dd>
      </dl>
    </li>
    <li class="layui-nav-item">
      <a href="javascript:;">解决方案</a>
      <dl class="layui-nav-child">
        <dd><a href="">移动模块</a></dd>
        <dd><a href="">后台模版</a></dd>
        <dd><a href="">电商平台</a></dd>
      </dl>
    </li>
    <li class="layui-nav-item"><a href="">产品</a></li>
    <li class="layui-nav-item"><a href="">大数据</a></li>
  </ul>

</div>
<div class="layui-inline">
  这是一个区域!wiwhdeidheidheidheidheidhiehded
</div>
</body>
</html>